// {bem_b,bem_e,bem_m,VueAndNvueStyleAttr,when}
@use "./mixin/mixins.scss" as *;
@use './mixin/function.scss' as *;

@import "common/index.scss";
@include bem_b(calendar-header) {
  padding-bottom: 4px;
  margin-bottom: 4px;
  @include bem_e(title) {
    @include flex;
    align-items: center;
    justify-content: center;
    @include VueAndNvueStyleAttr("padding","calendar", "header-padding");
    &__icon {
      width: 5px;
      height: 8px;
    }

    &__text {
       @include VueAndNvueStyleAttr("color","text-color", "primary");
      font-size: 16px;
      font-weight: 600;
      padding: 0 7px;
    }
  }

  @include bem_e(weekdays) {
    @include flex;
    justify-content: space-between;

    &__weekday {
      font-size: 13px;
       @include VueAndNvueStyleAttr("color","calendar", "week-color");
      line-height: 30px;
      flex: 1;
      text-align: center;
    }
  }
}
